<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

        <title>JQuery.TableResizerx</title>
        <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
        <script type="text/javascript" src="jquery.tableresizer.js"></script>

        <style type="text/css">
        
            *
            { 
                margin:         0px;
                padding:        0px;
                font:           11px sans-serif;
            }
    
            ul.project
            { 
                margin-left:    30px;
            }

            h1
            { 
                font:           24px sans-serif;
            }

            h2
            {
                margin-top:     30px;
                font:           bold 16px sans-serif;
            } 

            hr
            { 
                margin-bottom:  4px;
            }
            
            td
            {
                padding:        4px 9px;
                background:     #F5F5F5;
            }
            
            th
            {
                padding:        4px 9px;
                background:     #888;
                color:          white;
            }

            p
            {
                margin:         10px 0px;
            }

            #container
            { 
                padding:        20px;
                background:     #FFF;
                width:          600px;
                margin:         0px auto;
            }        

        </style>

        <script type="text/javascript">
            $(function()
            {                
                $("table").tableresizer();
            });
        </script>

    </head>

    <body>

        <div id="container">
         
            <h1>JQuery.Resizer</h1>
            <hr />

            <h2>Introduction</h2>
            <p>A lightweight plugin that creates resizable tables </p>
            
            <h2>Project</h2>
            <ul class="project">
                <li><p>Google Code: <a href="http://code.google.com/p/jquerytableresizer/">
                    http://code.google.com/p/jquerytableresizer/</a></p></li>
                <li><p>Author: Dale Harvey (harveyd@gmail.com)</p></li>
                <li><p>Tested Browsers: Firefox 2/3, IE 7/8, Epiphony 2, 
                    Safari 3</p></li>
                <li><p>Notes : Opera and konqueror do no support changing the 
                    cursor, so are not supported</p></li>
 
            </ul>
                    
            <h2>Example</h2>
            
                        <pre>  
$(function()
{    
    $("table").tableresizer();
});  
            </pre>
            
            <table>
                <tr><th></th><th>Team</th><th>P</th><th>W</th><th>D</th><th>L</th><th>F</th><th>A</th><th>W</th><th>D</th><th>L</th><th>F</th><th>A</th><th>GD</th><th>PTS</th></tr>
                <tr><td>1</td><td>Celtic</td><td>34</td><td>12</td><td>4</td><td>1</td><td>37</td><td>5</td><td>12</td><td>1</td><td>4</td><td>39</td><td>18</td><td>53</td><td>77</td></tr>
                <tr><td>2</td><td>Rangers</td><td>31</td><td>16</td><td>0</td><td>1</td><td>46</td><td>9</td><td>8</td><td>3</td><td>3</td><td>28</td><td>17</td><td>48</td><td>75</td></tr>
                <tr><td>3</td><td>Motherwell</td><td>32</td><td>8</td><td>2</td><td>5</td><td>24</td><td>20</td><td>8</td><td>2</td><td>7</td><td>18</td><td>19</td><td>3</td><td>52</td></tr>
                <tr><td>4</td><td>Dundee Utd</td><td>34</td><td>9</td><td>6</td><td>3</td><td>26</td><td>13</td><td>5</td><td>3</td><td>8</td><td>23</td><td>26</td><td>10</td><td>51</td></tr>
                <tr><td>5</td><td>Hibernian</td><td>34</td><td>10</td><td>4</td><td>3</td><td>34</td><td>20</td><td>4</td><td>5</td><td>8</td><td>14</td><td>19</td><td>9</td><td>51</td></tr>
                <tr><td>6</td><td>Aberdeen</td><td>34</td><td>8</td><td>5</td><td>4</td><td>27</td><td>19</td><td>4</td><td>3</td><td>10</td><td>16</td><td>35</td><td>-11</td><td>44</td></tr>
                <tr><td>7</td><td>Hearts</td><td>34</td><td>7</td><td>4</td><td>6</td><td>26</td><td>24</td><td>5</td><td>5</td><td>7</td><td>19</td><td>26</td><td>-5</td><td>45</td></tr>
                <tr><td>8</td><td>Falkirk</td><td>34</td><td>6</td><td>6</td><td>5</td><td>17</td><td>14</td><td>5</td><td>4</td><td>8</td><td>23</td><td>30</td><td>-4</td><td>43</td></tr>
                <tr><td>9</td><td>Inverness CT</td><td>34</td><td>8</td><td>1</td><td>8</td><td>26</td><td>27</td><td>4</td><td>2</td><td>11</td><td>18</td><td>31</td><td>-14</td><td>39</td></tr>
                <tr><td>10</td><td>Kilmarnock</td><td>34</td><td>6</td><td>4</td><td>7</td><td>23</td><td>21</td><td>2</td><td>5</td><td>10</td><td>11</td><td>28</td><td>-15</td><td>33</td></tr>
                <tr><td>11</td><td>St Mirren</td><td>33</td><td>5</td><td>3</td><td>7</td><td>15</td><td>24</td><td>3</td><td>6</td><td>9</td><td>9</td><td>27</td><td>-27</td><td>33</td></tr>
                <tr><td>12</td><td>Gretna</td><td>34</td><td>3</td><td>3</td><td>11</td><td>17</td><td>34</td><td>1</td><td>3</td><td>13</td><td>12</td><td>42</td><td>-47</td><td>8</td></tr>
            </table>
    
        </div>     

    </body>

</html>
